<template>
  <div class="loading">
    <back title="加载"></back>
    <btn @click.native="showLoading">点击显示loading</btn>
    <foot :active="2" />
  </div>
</template>

<script>

export default {
  name: 'loading',
  data () {
    return{
      
    }
  },
  components:{
    
  },
  methods:{
    // 显示loading
    showLoading(){
      this.$loading.show()
      setTimeout(()=>{
        this.$loading.hide()
      },2000)
    },
  },
  mounted(){
    
  }
}
</script>

<style lang="less" scoped>
.btn{
  margin: 10px auto;
  width: 90% !important;
  display: block;
}
</style>